<script>
export default {
  // data() 返回的属性将会成为响应式的状态
  // 并且暴露在 `this` 上
  data() {
    return { count: null }
  },
  computed: {
    computedProp() {
      // 计算属性错误示例
      return this.count.trim() // 当 count 为 null 时会报错
    }
  },
  methods: {
    dangerousMethod() {
      // 方法中的错误示例
      throw new Error('事件处理器出错！')
    }
  },
  watch: {
    count(newVal) {
      // 观察者中的错误示例
      JSON.parse(undefined) // 故意制造错误
    }
  },
  created() {
    // 生命周期钩子错误示例
    this.undefinedMethod() // 调用不存在的方法
  }
}
</script>

<template>
  <div>
    1111111111111111111
    <button @click="dangerousMethod">危险操作</button>
    {{ computedProp }}
  </div>
</template>